<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>白鹭引擎</title>
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <!-- 引擎头部 布局 开始 -->
   <div class="engine-top">
       <ul class="clearfix">
         <img src="./images/logo2.png" alt="">
        <li><a href="">首页</a></li>
        <li><a href="">产品</a></li>
        <li><a href="">解决方案</a></li>
        <li><a href="">开发者中心</a></li>
        <li><a href="">案例</a></li>
        <li><a href="">众包平台</a></li>
        <li><a href="">教育</a></li>
        <li><a href="">社区</a></li>
        <li><a href="">关于我们</a></li>
       </ul>
       <div class=" chaining">
         <a href="">EN</a>
       </div>
   </div>
   <!-- 引擎头部 布局 结束 -->
   <!-- 引擎轮播图 布局 开始 -->
   <div class="carousel">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
      </ol>
      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="./images/kv1.jpg" alt="...">
          <!-- 图片说明 -->
          <!-- <div class="carousel-caption">
            ...
          </div> -->
        </div>
        <div class="item">
          <img src="./images/kv2.jpg" alt="...">
        </div>
        <div class="item">
          <img src="./images/kv3.jpg" alt="...">
        </div>
      </div>
      <!-- Controls -->
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
    <div class="service">
      <a href=""><img src="./images/bottom1.png" alt=""> 白鹭科技优势</a>
      <a href=""><img src="./images/bottom2.png" alt=""> 白鹭引擎服务</a>
      <a href=""><img src="./images/bottom3.png" alt="">游戏案例精选</a>
      <a href=""><img src="./images/bottom4.png" alt="">开发者快速入门</a>
    </div>
   </div>
   <!-- 引擎轮播图 布局 结束 -->
   <!-- 引擎开发介绍 布局 开始 -->
   <div class="exploit">
     <div class="container">
       <div class="exploit-title">
         <img src="./images/pen.png" alt="">
         白鹭引擎
       </div>
       <div class="exploit-content">
         <div class="content-title">
           <span>效率至上的一站式完整开发工作流</span>
           <span>2D/3D双核心渲染，开发工具链闭环整合，全流程开发，由此开始</span>
         </div>
         <div class="cooperation">
           <img src="./images/engineLeft.png" alt="">
           <img src="./images/h5.png" alt="">
           <img src="./images/ap.png" alt="">
           <img src="./images/fb.png" alt="">
           <img src="./images/an.png" alt="">
           <img src="./images/qz.png" alt="">
           <img src="./images/wx.png" alt="">
           <img src="./images/engineRight.png" alt="">
         </div>
       </div>
       <div class="exploit-carousel">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
          <!-- Indicators -->
          <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
          </ol>
          <!-- Wrapper for slides -->
          <div class="carousel-inner" role="listbox">
            <div class="item active">
              <img src="./images/engine1.png" alt="...">
            </div>
            <div class="item">
              <img src="./images/engine2.jpg" alt="...">
            </div>
            <div class="item">
              <img src="./images/engine3.png" alt="...">
            </div>
          </div>
          <!-- Controls -->
          <!-- <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a> -->
        </div>
       </div>
     </div>
   </div>
   <!-- 引擎开发介绍 布局 结束 -->
   <!-- 案例推荐 布局 开始 -->
    <div class="case">
      <div class="container">
        <div class="case-title">
          <div class="recommend">
            <img src="./images/pen.png" alt="">
            <span>案例推荐</span>
          </div>
          <div class="view-more"><a href="">查看更多</a></div>
        </div>
        <div class="case-conten">
          <ul>
            <li><a href=""><img src="./images/zz.png" alt=""><div>全民狙神</div><div>这是一款3D第一人称射击类微信小游戏。游戏中，玩家需要扮演一个神射手，利用手中武器消灭关卡中的目标，获得丰富奖励。</div></a></li>
            <li><a href=""><img src="./images/zhuoqiu.jpg" alt=""><div>一起打桌球</div><div>这是一款体育竞技类型的3D小游戏，采用经典的横屏台球桌模式，对抗性与真实桌球无异。</div></a></li>
            <li><a href=""><img src="./images/gjs.png" alt=""><div>弓箭手大作战</div><div>是一款休闲射击3D小游戏，清新简约的游戏画风，游戏操作简单,玩法新颖。</div></a></li>
            <li><a href=""><img src="./images/cq.png" alt=""><div>传奇来了</div><div>微信小程序版还原经典传奇，采用无缝跨屏模式，画面清晰精致，打击感实足。游戏效果写实逼真，角色形象霸气十足！</div></a></li>
            <li><a href=""><img src="./images/zz.png" alt=""><div>女皇陛下</div><div>后宫美男恋爱养成游戏，以历史美男收集，角色换装为主展开宫廷恋爱之旅，兼具古典唯美的画风和丰富的游戏剧情！</div></a></li>
            <li><a href=""><img src="./images/zz.png" alt=""><div>海盗来了</div><div>以海盗为题材的社交类小游戏，玩家可以通过转盘获得金币和道具建造属于自己的海岛，探索新的世界，结交新的朋友！</div></a></li>
          </ul>
        </div>
      </div>
    </div>
   <!-- 案例推荐 布局 结束 -->
   <h1>阿姀跟李二先生</h1>
   <h1>阿姀跟李二先生</h1>
   <h1>阿姀跟李二先生</h1>
   <h1>阿姀跟李二先生</h1>
   <h1>阿姀跟李二先生</h1>
   <h1>阿姀跟李二先生</h1>
</body>
</html>
<script src="./js/jquery.js"></script>
<script src="./js/bootstrap.js"></script>
<script src="./js/index.js"></script>